<template>
  <div class="col-md-4 col-sm-6  course" :style="'width: '+width+'%'">
    <a class="course-box" :href="'/courses/detail/?cid='+course.id">
      <div class="sign-box">


        <i class="fa fa-star-o course-follow pull-right"
           data-follow-url="/courses/63/follow"
           data-unfollow-url="/courses/63/unfollow" style="display:none"></i>

      </div>
      <div class="course-img">

        <img :alt="course.title" :src="course.img">

      </div>

      <div class="course-body">
                  <span class="course-title" data-toggle="tooltip" data-placement="bottom"
                        :title="course.title">={{course.title}}=</span>
      </div>
      <div class="course-footer">
                    <span class="course-per-num pull-left">
                      <i class="fa fa-users"></i>
                      {{course.study_num}}
                    </span>
        <span v-show="course.fee==3" class="course-money pull-right">会员</span>
      </div>
    </a>
  </div>
</template>

<script>
  export default {
    name: "Course",
    props:['course', 'width']
  }
</script>

<style scoped>

</style>
